@charset "utf-8";
@import "reset";
.content{
    //适应宽度和高度，都可以自改
//  min-width: 1271px;
    max-width: 1440px;
    min-height: 1336px;
    max-height: 1602px;
    font-size: 12px;
    
    //侧边栏宽高
    .sidebar{
        width: 380px; //可自行调整宽度，以便达成内容整体居中的效果
        max-height: 1508px;//方便自行添加垂直导航菜单
        margin-top: 94px;//距离头部轮播图的距离
        text-align: right;//内容在div中居右显示
        float: left;//浮动，让右边各种content主题所在的div并排
        a:hover{
                color: #439b83;//鼠标悬停变色，主流颜色为#439b83
            }
    //加大的"加入我们"    
        .sidebar1{//侧边栏的标题，加粗！
            p{
                color: black;//去除a标签原本的颜色，还原为设计稿的黑色
                font-size: 20px;//字体大小
                font-weight: bold;//字体加粗
            }
            span{
                font-size: 21px;//英文字体稍微加大
                color: #d0d0d0;//设计稿颜色为#d0d0d0
            }
        }
        .sidebar2{//侧边栏垂直向菜单
            display: block;//转化为块级元素
            color: #666666;//神奇，菜单栏默认未悬停点击时的字体颜色
            margin-top: 25px;//隔开距离
            p{
                font-size: 16px;//字体大小
            }
            .sidebar_sp1{//谷歌浏览器的特殊的小于12px文本的显示技巧
                //转化为块级元素
                display: block;
                //定义基本大小
                font-size: 12px;
                //倍数缩小
                transform: scale(0.65);
                //依照要求，右对齐
                transform-origin: right;
        }//sidebar_sp1收尾l
        }//sidebar2收尾
    }//sidebar收尾
    .New_content{
        margin-top: 94px;//距离顶部轮播图
        margin-left: 100px;//距离左边侧边栏
        width: 780px;//内容div可调
        min-height: 205px;//可调
        max-height: 1602px;//可调
        float: left;//浮动，看情况摄入食用
        .New_content_list{
            width: 100%;
            height: 215px;
            padding-top: 14px;
            border-bottom: 1px;
            border-bottom-color: #987cb9;
            border-bottom-style: dashed;
            .list_content{
                width: 100%;
                height: 185px;
                padding-top: 12px;
                padding-left: 1px;
                background-color: #eeeeee;
                ul{
                    width: 100%;
                    li{
                        float: left;
                    }
                    a{
                        color: black;
                        :hover{
                            color: #439b83;
                        }
                    }
                    p{
                        margin: 28px 18px 10px 18px;
                        font-size: 18px;
                    }
                    span{
                        margin-left: 18px;
                        font-size: 14px;
                        opacity: 0.5;
                    }
                }
            }
        }
        .page_number{
            min-width: 45px;
            max-width: 120px;
            height: 16px;
            margin-top: 10px;
            float: right;
            a{
                width: 5px;
            }
            span{
                color: #439b83;
            }
            a:hover{
                background-color: #eeeeee;
            }
        }
    }
    
   
}//content收尾